<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserHome</title>
    <link rel="stylesheet" type="text/css" href="scripts/layui/css/layui.css">
    <script type="text/javascript" src="scripts/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="scripts/layui/layui.all.js"></script>
    <script type="text/javascript" src="scripts/home.js"></script>
    <style>
        .
    </style>
</head>
<body>
<div style="margin-bottom: 10px">
    <ul class="layui-nav">
        <li class="layui-nav-item">
            <a href="">控制台<span class="layui-badge">9</span></a>
        </li>
        <li class="layui-nav-item">
            <a href="" >个人中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item" lay-unselect="">
            <a href="javascript:;"><img src="image/timg.jpg" class="layui-nav-img">我</a>
        </li>
        <li class="layui-nav-item" lay-unselect="">
            <a href="javascript:;"><img src="image/timg.jpg" class="layui-nav-img" id="logout">退出</a>
        </li>
    </ul>
</div>

<div data-layer="0">
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-md8">
            <div id="play-box">
                <video id="curr-video" width="840" height="400" controls preload="auto">
                </video>
                <div id="curr-video-name">video name</div>
                <div id="curr-video-ctime">video display time</div>
                <div id="snackbar">Comment submission succeeded</div>
                <div id="errorbar">Error Happened</div>

                <div id="comments">
                <textarea id="comments-input" name="message" rows="5" clos="90"
                          placeholder="submit-comment" type="submit"></textarea>
                    <input id="submit-comment" type="submit"/>
                    <div id="comments-total">0 Comments</div>
                    <div id="comments-history">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md4">
            <div id="items" class="video-thumbnail-list">12222111</div>
        </div>
    </div>

    <div id="uploadvideomodel" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h2>Modal Header</h2>
            </div>
            <div class="modal-body">
                <form id="uploadform" action="http://127.0.0.1:9000/upload/avenssi" method="post"
                      enctype="multipart/form-data" class="uploadForm">
                    <input class="uploadForm_input" type="file" name="file" id="inputFile" accept="video/*">
                    <input type="text" id="vname" name="video name">
                    <input type="submit" id="upload-submit" name="submit" value="Submit">
                </form>
            </div>
        </div>
    </div>

</div>


</body>
</html>